<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鹏辉商城</title>
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
</head>
<link rel="stylesheet" href="./css/index.css">
<!-- //使用rem 来进行适配 -->
<script src="./utils/flexible.js"></script>

<body>
    <!-- 头部 -->
    <header id="header">
        <a href="index.html">
            <img class="logo" src="./assets/images/logo.png" alt="">
            <span>鹏辉智慧</span>
        </a>
        <img class="download" src="./assets/images/download.png" alt="">
    </header>
    <!-- 搜索 -->
    <section id="search">
        <div class="searchbox">
            <input type="text" name="" placeholder="请输入你想比价的产品">
        </div>
        <div class="button">
            <button>搜索</button>
        </div>
    </section>
    <!-- 菜单 -->
    <nav id="nav">
        <div class="btn">
            <a href="./pages/priceSearch.html">
                <img src="./assets/iconFonts/比价搜索.png" alt="比价搜索">
            </a>
            <p class="in_name">
                比价搜索
            </p>
        </div>

        <div class="btn">
            <a href="./pages/saveMoney.html">
                <img src="./assets/iconFonts/省钱控.png" alt="省钱控">
            </a>
            <p class="in_name">
                省钱控
            </p>
        </div>

        <div class="btn">
            <a href="./pages/internalDiscount.html">
                <img src="./assets/iconFonts/国内折扣.png" alt="国内折扣">
            </a>
            <p class="in_name">
                国内折扣
            </p>
        </div>

        <div class="btn">
            <a href="./pages/bargain.html">
                <img src="./assets/iconFonts/白菜价.png" alt="白菜价">
            </a>
            <p class="in_name">
                白菜价
            </p>
        </div>

        <div class="btn">
            <a href="./pages/saveMoney.html">
                <img src="./assets/iconFonts/海涛折扣.png" alt="海淘折扣">
            </a>
            <p class="in_name">
                海淘折扣
            </p>
        </div>

        <div class="btn">
            <a href="./pages/coupon.html">
                <img src="./assets/iconFonts/优惠券.png" alt="优惠券">
            </a>
            <p class="in_name">
                优惠券
            </p>
        </div>

        <div class="btn">
            <a href="./pages/priceSearch.html">
                <img src="./assets/iconFonts/查历史价.png" alt="查历史价">
            </a>
            <p class="in_name">
                查历史价
            </p>
        </div>

        <div class="btn" id="more">
            <a href="#">
                <img src="./assets/iconFonts/更多.png" alt="更多">
            </a>
            <p class="in_name">
                更多
            </p>
        </div>

        <div class="btn more" style="display: none;">
            <a href="./pages/collectGoods.html">
                <img src="./assets/iconFonts/凑单品.png" alt="凑单品">
            </a>
            <p class="in_name">
                凑单品
            </p>
        </div>

        <div class="btn more" style="display: none;">
            <a href="./pages/priceSearch.html">
                <img src="./assets/iconFonts/口碑排行.png" alt="口碑排行">
            </a>
            <p class="in_name">
                口碑排行
            </p>
        </div>

        <div class="btn more" style="display: none;">
            <a href="./pages/goodsNavigation.html">
                <img src="./assets/iconFonts/商城导航.png" alt="商城导航">
            </a>
            <p class="in_name">
                商城导航
            </p>
        </div>

        <div class="btn more" style="display: none;">
            <a href="./pages/brandCollection.html">
                <img src="./assets/iconFonts/品牌大全.png" alt="品牌大全">
            </a>
            <p class="in_name">
                品牌大全
            </p>
        </div>
    </nav>
    <!-- 折扣推荐 -->
    <section id="discount">
        <span>超值折扣推荐</span>
        <a href="#">
            <img src="./assets/images/more.png" alt="">
        </a>
    </section>
    <!-- 商品 -->
    <section id="product">
        <ul>

        </ul>
    </section>
    <!-- 底部 -->
    <section id="footer">
        <div class="more">
            <a href="">
                更多优惠信息&gt;&gt;
            </a>
        </div>
        <div class="chart clearfix">
            <span class="chart_in fl">品牌排行</span>
            <span class="more fr">
                <img src="./assets/images/more.png" alt="">
            </span>
        </div>
        <div class="login">
            <div class="container">
                <div class="row">
                    <a href="">
                        <div class="col-xs-3">登入</div>
                    </a>
                    <a href="">
                        <div class="col-xs-4">注册</div>
                    </a>
                    <a href="">
                        <div class="col-xs-5">返回顶部</div>
                    </a>
                </div>
            </div>
            <div class="content_b">
                <p>
                    <a href="#">
                        手机APP下载
                    </a>
                    <a href="#">
                        鹏辉智慧商城手机版
                    </a>
                    -- 掌上比价平台
                </p>
                <p>
                    chst.vip:8081/crm </p>
            </div>
        </div>
    </section>
</body>
<script src="./js/index.js"></script>

</html>
<script>
    var more = document.querySelector("nav #more")
    console.log(more)
    var more1 = document.querySelectorAll("nav .more")
    more.onclick = function () {
        for (var i = 0; i <= more1.length; i++) {
            more1[i].style.display = "block"
        }

    }


</script>